<template>
	<view class="index">
	  <view class="title">
	    <image class="logoImg" src="https://service-test.huaxinjiafu.com/static/miniprogram/images/my/logo.png"></image>
	    <view class="txt">便民服务申请使用以下权限</view>
	  </view>
	  <view class="text">以下信息仅用于您登录小程序，我们将严格保密绝不外泄，更不会对您发送垃圾短信造成骚扰。</view>
		<view style="height:20rpx;"></view>
	  <view class="items">
	    <view class="icon"></view>
	    <view>授权您的微信昵称及头像</view>
	  </view>
	  <view class="items">
	    <view class="icon"></view>
	    <view>手机号快捷登录</view>
	  </view>
	
	  <button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber" class="agree">手机号快速验证</button>
	
	  <navigator hover-class="none" open-type="exit" target="miniProgram">
	    <button class="cancel" @click="cancel">取消</button>
	  </navigator>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		onLoad() {
			
		},
		onShow() {
			
		},
		methods:{
			cancel(){
				uni.navigateBack()
			}
		}
	}
</script>

<style lang="scss" scoped>
	.index{
		padding: 30rpx 40rpx;
	}
	.title{
	  display: flex;
	  align-items: center;
		flex-direction: column;
		margin-top: 20%;
	  font-size: 35rpx;
	  font-weight: bold;
	  color: #444;
		.logoImg{
			width: 150rpx;
			height: 150rpx;
			margin-right: 10rpx;
			background: #999;
			border-radius: 10rpx;
		}
	}

	.title .txt{
		margin: 40rpx 0;
	}
	.text{
	  margin: 15rpx 0rpx 30rpx 0rpx;
	  font-size: 26rpx;
	  font-family: PingFang SC;
	  font-weight: 500;
	  color: #565C66;
	}
	
	.items{
	  display: flex;
	  align-items: center;
	  font-size: 28rpx;
	  font-family: PingFang SC;
	  font-weight: bold;
	  color: #2C2930;
	  margin-bottom: 30rpx;
	}
	.items .icon{
	  width: 14rpx;
	  height: 14rpx;
		margin-right: 10rpx;
		background:#2C2930;
		border-radius:50%;
	}
	.agree{
	  margin-top: 200rpx;
	  height: 76rpx;
	  background-color: #8071FC;
	  border-radius: 4rpx;
	
	  font-size: 30rpx;
	  font-family: PingFang SC;
	  font-weight: bold;
	  color: #FFFFFF;
	}
	.cancel{
	  margin-top: 30rpx;
	  height: 76rpx;
	  background: #F2F2F2;
	  border-radius: 4rpx;
	
	  font-size: 30rpx;
	  font-family: PingFang SC;
	  font-weight: bold;
	  color: #8071FC;
	}	
	button{
		width: 100%;
	}
</style>